import React, { useEffect } from 'react';
import './index.less';
import { Badge } from 'antd-mobile';
export default function Regiment(props: {
  img: String;
  num: Number;
  price: Number;
}) {
  useEffect(() => {
    console.log(props.img);
  }, []);
  return (
    <div className="regiment">
      <Badge
        content="三人团"
        style={{ '--right': '80%', padding: '3px', borderRadius: 0 }}
      >
        <img src={'/api' + props.img} alt="" />
      </Badge>
      <p className="p">￥{props.price}</p>
      <p className="p1">
        已拼<span>{props.num}</span>件
      </p>
    </div>
  );
}
